融媒视野·SVG编辑器|只需简单几步，让你的动态效果图文有趣生动

你是不是还盯着图文样式里的模板用呢，

这里还有一些更有趣的动态效果玩法等你来发现，

本期“融媒视野”为你带来SVG编辑器的动态效果应用教学~

界面概览

点击左边栏的“SVG编辑器”进入，你会看到左边栏是“互动效果”，中间是编辑页，最右边栏可用来上传图片、设置背景等。其实，整个布局和我们日常编辑文字内容别无二致，无非是将文字内容改成了图片。

效果选择

在互动效果中，我们可以看到各种效果样式。比如按内容分类：图片、视频、音频；按功能分类：超链接、小程序、公众号；按效果分类：轮播、点击、滑动、自动等等。当你将鼠标放在对应效果上时会自动弹出教学视频，即便之前没做过也能很快学会。

具体操作

点击想要实现的效果，比如“点击换图”，不熟悉的可以点开教程查看。按照素材要求添加图片，点击前图片、点击后图片，保持素材宽高尺寸一致，设置开始时间、动画时长。完成后点击导出，点击135编辑器工具栏中的【HTML】按钮，进入HTML编辑界面，在相应位置粘贴复制的SVG代码之后，再次点击【HTML】按钮退出即可。

SVG编辑器，让你的图文效果脱颖而出，快来学习吧~

编辑：小月半

校对：杨伊娃、姚辰飞

审核：肖倩倩

（部分内容来源于网络）

【版权声明：除莫愁传媒智库自采外，莫愁传媒智库所使用的文章、图片、视音频可能属于相关权利人所有。因客观原因，如存在不当使用的情况，敬请相关权利人与我们联系删除。】